<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>about</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .page {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
        }

        .nav-bar {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            height: 48px;
            border-bottom: 0.5px solid #e8e8e8;
            background: #fff;
        }

        .nav-bar-back {
            display: flex;
            flex-direction: row;
            align-items: center;
            position: absolute;
            left: 16px;
        }

        .nav-bar-back-icon {
            width: 20px;
            height: 20px;
        }

        .nav-bar-back-text {
            font-size: 17px;
            color: #000;
        }

        .nav-bar-title {
            font-size: 17px;
            font-weight: 500;
            color: #000;
        }

        .about-us {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }

        .about-us-logo {
            width: 100px;
            height: 100px;
            border-radius: 8px;
            margin-top: 50px;
            background-color: #c3c6cd;
        }

        .about-us-name {
            font-size: 20px;
            font-weight: bold;
            margin-top: 10px;
        }

        .about-us-version {
            font-size: 16px;
            margin-top: 4px;
            color: #666666;
        }

        .about-us-url {
            font-size: 14px;
            margin-top: 10px;
            color: #999999;
        }
    </style>
</head>

<body>
    <div class="page">
        <div class="nav-bar">
            <div onclick="back()" class="nav-bar-back">
                <img src="../images/back/back.png" alt="back"
                    class="nav-bar-back-icon" />
                <span class="nav-bar-back-text">返回</span>
            </div>
            <span class="nav-bar-title">关于我们</span>
        </div>
        <div class="about-us">
            <img class="about-us-logo" src="../images/common/logo.png" />
            <span class="about-us-name">线上服饰</span>
            <span class="about-us-version">1.0.98</span>
            <span class="about-us-url">https://dbox.diwork.com</span>
        </div>

    </div>
</body>
<script src="../script/api.js"></script>
<script>
    apiready = function () {
        $api.fixStatusBar($api.dom('.nav-bar'));
    }

    function back() {
        api.closeWin();
    }



</script>

</html>